$(function(){
  let cPage=1;
  // 1.文章分类查询
  $.ajax({
    method: 'get',
    url: BigNew.category_list,
    data: {},
    success: (res) => {
      //console.log(res);
     const htmlStr= template('creatItem',{list:res.data});
      $('#selCategory').html(htmlStr);
      //console.log(htmlStr);
    }
  })
  // 2.文字列表查询 -文章搜索
  getArticlelist()
  function getArticlelist(){
    // 获取下拉框的值 用于筛选
    const type=$('#selCategory').val();
    const state=$('#selStatus').val()
    $.ajax({
      method: 'get',
      url: BigNew.article_query,
      data: {
        key:'', // 搜索关键词
        type:type, // 文章类型:id
        state:state, // 文章状态:草稿 已发布
        page:cPage, // 页码
        perpage:10,//每页多少条内容
      },
      success: (res) => {
        console.log(res);
        const htmlStr=template('creatSeach',{list:res.data.data});
        $('tbody').html(htmlStr)
        setPage(cPage, res.data.totalPage)  
      }
      
    })
  }
  //3.筛选功能
  $('#btnSearch').click((e)=>{
    // 阻止表单默认跳转
    e.preventDefault()
    cPage=1
    //调用函数 实现页面刷新筛选
    getArticlelist()
  })
  // 4. 分页功能
  /**
     *
     * @param pageCurrent 当前所在页
     * @param pageSum 总页数
     * @param callback 调用ajax
     */
    function setPage(pageCurrent, pageSum, callback) {
      $(".pagination").bootstrapPaginator({
          //设置版本号
          bootstrapMajorVersion: 3,
          // 显示第几页
          currentPage: pageCurrent,
          // 总页数
          totalPages: pageSum,
          //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
          onPageClicked: function (event,originalEvent,type,page) {
              // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
              cPage = page
              getArticlelist && getArticlelist()
          }
      })
  }
  //5.删除功能
  $('tbody').on('click','.delete',function(){
    // 获取删除按钮对应的id值
    const id=$(this).attr('data-id');
    console.log(id);
    // ajax发送请求
 $.ajax({
  method: 'post',
  url: BigNew.article_delete,
  data: {id},
  success: (res) => {
    //console.log(res);
    getArticlelist()
  }
}) 
  })
})